<style>
    body {background: none !important;}
    .login-img {height: 0 !important;}
    .lan-select {display: none !important;}
    .justifyCenter{
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .rowLine {
        border-bottom: 1px solid #E5E4E9;
    }
    .justifyAround{
        display: flex;
        align-items: center;
    }
    .justifySpace{
        display: flex;
        justify-content: space-between;
        align-items: center;
    }    
    .fColor{
        color: #004496;
    }
    .wordBreak{
        word-break:break-word
    }
    li {
        list-style: disc  !important;
    }
    .jck-p1 {
        background: url("../../assets/img/p2.png") center no-repeat;
        background-size: 100px;
    }
</style>
<div ng-if="!isEnglishUser"> 
    <div class="check-header">
        <span translate>防伪查询</span>
    </div>
    <div class="container-fluid check-container">
        <div class="row">
            <div class="col-xs-4 check-label"><span translate>状态说明</span></div>
            <div class="col-xs-8 check-value"><span translate>{{antiFakeObj.fakeCheckStatus}}</span></div>
        </div>
        <div class="row">
            <div class="col-xs-4 check-label"><span translate>首查时间</span></div>
            <div class="col-xs-8 check-value"><span>{{antiFakeObj.firstCheckDate|YbDate}}</span></div>
        </div>
        <div class="row">
            <div class="col-xs-4 check-label"><span translate>查询次数</span></div>
            <div class="col-xs-8 check-value"><span>{{antiFakeObj.checkNum}}</span></div>
        </div>
        <div class="row">
            <div class="col-xs-4 check-label"><span translate>零件编号</span></div>
            <div class="col-xs-8 check-value"><span>{{antiFakeObj.materialsNo}}</span></div>
        </div>
        <div class="row">
            <div class="col-xs-4 check-label"><span translate>产品名称</span></div>
            <div class="col-xs-8 check-value"><span>{{antiFakeObj.materialsDes}}</span></div>
        </div>
        <div class="row" ng-if="!!antiFakeObj.nj60Price || antiFakeObj.nj60Price===0">
            <div class="col-xs-4 check-label"><span translate>价格</span></div>
            <div class="col-xs-8 check-value"><span>{{antiFakeObj.nj60Price}}</span></div>
        </div>
        <!-- <div class="row">
            <div class="col-xs-4 check-label"><span translate>供应链信息查询</span></div>
            <div class="col-xs-8 check-value">
                <span ng-if="antiFakeObj.handleUrl != null && antiFakeObj.handleUrl != ''">
                    <a style="text-decoration:underline;color:deepskyblue" href={{antiFakeObj.handleUrl}} translate>机械制造业标识管理公共服务平台</a>
                </span>
                <span ng-if="antiFakeObj.handleUrl === null || antiFakeObj.handleUrl === ''" translate>
                    该编码尚未注册
                </span>
            </div>
        </div> -->
    </div>
</div>

<div ng-if="!!isEnglishUser">
    <div class="justifySpace" style="background: #00479d;height: 50px;">
        <div style="width: 100px;height: 30px;" class='jck-p1'></div>
        <div class="font-20" style="color: white;margin-right: 10px;">Authenticity veritication</div>
    </div>
    <div class="font-18" style="padding: 10px 30px;">
        <div style="height: 100px;" class="justifyCenter rowLine ">
            <div ng-if="antiFakeObj.fakeCheckStatusEn == 'Qualified'" class="justifyCenter">
                <i class="iconfont pmsico-success font-36"></i>
                <span class="fColor font-bold font-22 m-l">Qualified</span>
            </div>
            <div ng-if="antiFakeObj.fakeCheckStatusEn == 'No data'" class="justifyCenter">
                <i class="iconfont pmsico-error font-36"></i>
                <span class="fColor font-bold font-22 m-l">Unqualified</span>
            </div>
        </div>
        <div class="justifyAround rowLine" style="height: 60px;">
            <div class="fColor">Security queries:</div>
            <div class="m-l font-bold font-22" style="color: #3DCC87;" ng-if="antiFakeObj.fakeCheckStatusEn == 'Qualified'">{{antiFakeObj.fakeCheckStatusEn}}</div>
            <div class="m-l font-bold font-22" style="color: red;" ng-if="antiFakeObj.fakeCheckStatusEn == 'No data'">{{antiFakeObj.fakeCheckStatusEn}}</div>
        </div>
        <div class="justifyAround rowLine" style="height: 60px;">
            <div class="fColor">P/N:</div>
            <div class="m-l">{{antiFakeObj.materialsNo}}</div>
        </div>    
        <div class="justifyAround rowLine" style="min-height: 60px;">
            <div class="fColor">Name:</div>
            <div class="m-l wordBreak">{{antiFakeObj.materialsDesEn}}</div>
        </div>  
        <div class="rowLine">
            <div class="fColor" style="margin: 10px 0 20px 0;">Genuine Part Verifying</div>
            <ul style="list-style-type: disc;"> 
                <li class="wordBreak" style="margin-left: 40px;" ng-repeat="item in antiFakeObj.genuinePartVerify track by $index">{{item}}</li>
            </ul>
        </div>
        <div class="rowLine">
            <div class="fColor">Contact Us</div>
            <ul>
                <li class="wordBreak" style="margin-left: 40px;" ng-repeat="item in antiFakeObj.contactUs track by $index">{{item}}</li>
            </ul>
        </div>   
        <div class="justifyAround rowLine" style="height: 60px;">
            <div class="fColor" style="display: flex; ">Tel:</div>
            <div class="m-l">{{antiFakeObj.contactTel}}</div>
        </div>             
    </div>
</div>
